<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./index.css">
    
</head>

<body>
    <div class="leftbox">
        <h2>管理系统</h2>
        <h3>首页</h3>
        <ul class="line">
            <h3>系统管理</h3>
            <li class="lineli">用户管理</li>
            <li class="lineli">角色管理</li>
            <li class="lineli">菜单管理</li>
            <li class="lineli">部门管理</li>
            <li class="lineli" style="color: skyblue;">岗位管理</li>
            <li class="lineli">字典管理</li>
            <li class="lineli">参数设置</li>
            <li class="lineli">通知公告</li>
            <li class="lineli">日志管理</li>
            <li class="lineli">系统监控</li>
        </ul>
        
    </div>
    <div class="rightbox">
        <div class="header">
            <span class="iconfont icon-31chanpincanshu
            fenye"></span>
            <img src="./static/img/1.jpg" alt="">
        </div>
        <div class="top">
            <span class="home">首页</span>
            <span class="guanli">岗位管理</span>
        </div>
        <div class="searchbox">
            <h4>岗位名称</h4>
            <input type="text" placeholder="请输入岗位名称"><button class="search">搜索</button><button class="reset">重置</button>
            <ol>
                <li class="urn">新增</li>
                <li class="uro">修改</li>
                <li class="urt">删除</li>
                <li class="urf">导出</li>
            </ol>
        </div>
        <div class="table">
            <ul class="table-head">
                <li>岗位编号</li>
                <li>岗位编码</li>
                <li>岗位名称</li>
                <li>岗位排序</li>
                <li>状态</li>
                <li>创建时间</li>
                <li>操作</li>
            </ul>

            <div class="table-body">
                <ul class="row">
                    <li>1</li>
                    <li>ceo</li>
                    <li>董事长</li>
                    <li>1</li>
                    <li>正常</li>
                    <li>201800000</li>
                    
                    <li><span class="iconfont icon-shanchu" id="101">删除</span></li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>
<script src="./axios.min.js"></script>
<script src="./index.js"></script>